<!DOCTYPE html>
<html lang="en">

<head>
  <%- include('./link.html', {title: '添加商品'}); %>
</head>

<body>
  <a href="/product/create" class="layui-btn">添加商品</a>
  <table id="demo" lay-filter="test"></table>
  <div id="test1"></div>
  <script>
    layui.use('table', function () {
      var table = layui.table;

      //第一个实例
      table.render({
        elem: '#demo',
        height: 312,
        url: '/demo/table/user/', //数据接口
        page: true, //开启分页
        cols: [[ //表头
          { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' }
          , { field: 'username', title: '用户名', width: 80 }
          , { field: 'sex', title: '性别', width: 80, sort: true }
          , { field: 'city', title: '城市', width: 80 }
          , { field: 'sign', title: '签名', width: 177 }
          , { field: 'experience', title: '积分', width: 80, sort: true }
          , { field: 'score', title: '评分', width: 80, sort: true }
          , { field: 'classify', title: '职业', width: 80 }
          , { field: 'wealth', title: '财富', width: 135, sort: true }
        ]]
      });

    });
    layui.use('laypage', function () {
      var laypage = layui.laypage;

      //执行一个laypage实例
      laypage.render({
        elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
        , count: 50 //数据总数，从服务端得到
      });
    });
  </script>
</body>

</html>